﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1680px) {

	.I_news_list ul li .my_word h4 {
		height:29px;
		overflow:hidden;}
} 
@media screen and (max-width: 1200px) {
	.wmain {
		width:1000px;}
	
}  
@media screen and (max-width: 1024px) {
	.wmain {
		width:96%;}
	.online_C ul li input {
		width:75%;}
	textarea {
		width:88.9%;}
	
}  
@media screen and (max-width: 978px) {

	
}  
@media screen and (max-width: 769px) {
	.wmain{
		width:94% !important;}
	.head .wmain {
		width: 100% !important;
	}
	.my_fl {
		float: none;
	}
	.my_fr {
		float: none;
	}
	.foot_banquan {
		display: none;
	}
	.banner{
		height: 300px;
	}
	.head {
		height: 50px;
		line-height: 50px;
	}
	.wap_logo {
		display: block;
	}
	.logo {
		display: none;
	}
	.tj_list.wap_single_list ul li {
		margin-top:10px;
	}
	.tj_list ul li a {
		font-size:15px;
		line-height:24px;
	}
	.I_T {
		background-size: 100%;
		margin:0 auto;
		font-size:24px;
		}
	.I_T .my_img {
		width: 80%;
		margin: 0 auto;
	}

	.foot_nav {
		display: none;
	}
	.news_list {
		margin-top:20px;
	}
	.news_list ul li .my_img {
		display: none;
	}
	.news_list ul li .my_word {
		float: none;
		width: 95%;
		margin:0 auto;
		height:auto;
		padding:0;
	}
	.nav , .wap_hide {
		display:none;}
	.wap_nav_icon  {
		display:block;}
	.banner_img {
	margin-top:60px;
	padding: 0 0 80%;}

	.swiper-button-next , .swiper-button-prev {
		display: none;;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		display: block;!important;
	}
	.swiper-pagination-bullet-active {
		background: #69bfcc;!important;
	}

	.wap_footer , .f_footheight {
		display: block;
	}
	.wap_single_list ul {
		margin-left:0;
	}
	.wap_single_list ul li {
		width:100%;
		margin:0 auto;
		margin-top:15px;
		float: none;
		position: static !important;
	}
	.wap_single_list ul li img {
		width:100%;
		height:auto;
	}
	.wap_two_list ul {
		margin-left:0;
	}
	.wap_two_list ul li {
		width:45.3%;
		margin-left:3.3%;
		margin-right: 0;
	}
	.wap_two_list ul li img {
		width:100%;
		height:auto;
	}
	a.btn {
		height:40px;
		line-height:40px;
		font-size:20px;
	}
	.footer {
		padding: 10px 0 20px 0;
	}
	.footer .my_fl {
     margin: 0; 
}
.footer p.contact_p{
		text-align:center;
	}
.footer .my_fl img{
	margin:0px 10px;
}
	.I_wap_pro {
		display: block;
	}
	.wap_main .my_fl img {
		/*width:100%;*/
	}
	.wap_main .my_fl {
		width:100%;
		height: auto;
	}
	.wap_main .my_fr {
		width:100%;
		height: auto;
	}
	.wap_main_bg {
		height: auto;
		background-size: cover;
		padding: 30px 0;
	}
	.wap_single_list ul li img {
		width:100%;
	}

	.I_main1 .my_fl {
		margin-top: 0;
	}
	.I_main1 .my_fr {
		display: none;
	}
	.I_main1 .my_fr .my_img {
		margin-top: 20px;
	}
	.I_main1 .my_edit{
		
	}
	.I_main1  .my_fr .my_edit{
		line-height:30px;
		font-size:16px;
	}

	.I_main2 ul {
		margin-top: 15px;
	}
	.I_main2 .owl-buttons{
		display:none;
	}
	.I_main7 .owl-buttons{
		display:none;
	}
	.I_main2 .my_edit {
    margin-bottom: 10px;
}
	.I_main2 .my_fr {
    margin: 30px 0px 0 0;
}
	.I_main3 ul li {
		height:auto;
	}
	.I_main3 ul li  .info {
		margin-top:0px;
		padding:10px;
		font-size:16px;
		height:48px;
	}
	
	.I_main4 ul li {
		margin-top: 30px;
	}
	.I_main4 .owl-buttons{
		display:none;
	}
	.I_main5 .owl-buttons{
		display:none;
	}
	.I_main5  ul {
		margin:0px;

	}
	.I_main5  ul li{
		margin:30px auto 0;
		float:none;

	}
	.view .swiper-slide .title {
				position:absolute;
				top: 20px;
				right: 20px;
				color:#fff;
				width:20px;
			}
				.view .swiper-slide .img {
				display:none;
			}
	.I_main6 .my_fl {
		margin-top:30px;
	}
	.I_main6 .my_fl ul li , .I_main6 .my_fl ul li img {
		height: auto;
		display:block;
	}
	.I_main6 .my_fl ul li p {
		font-size:14px;
	}
	.I_main6 .owl-pagination {
		display: none;
	}
	.I_main6 .my_fr {
		margin-top: 0;
	}
	.I_main6 .my_fr ul li , .I_main6 .my_fr ul li a {
		height: auto;
	}
	.I_main6 .my_fr ul li .title {
		font-size:16px;
	}
	.I_main6 .my_fr ul li a {
		padding:10px;
	}
	.I_main7 .my_word {
		width: 94%;
		height:auto;
		margin: 20px auto 0;
		color:#e5d480;
		font-size:16px;
		line-height:30px;
		padding:3%;
	}
		.I_main7 ul {
		margin-top: 25px;
	}
	.I_main7 .owl-theme .owl-controls .owl-page span {
	margin:10px 5px;
}
.pc_hide{
				display:block;
				
			}
.about_main1 video{
	width:100%;
	height:auto;
	
}
.about_main2  .my_fr {
	margin-top: 15px;
}
	.footer p.contact_p {
		font-size: 0.9rem;
	}
	.tag_T ul li {
		margin: 20px 10px;
	}
	.about_main1 .my_fl {
		margin-top:20px;
	}
	.about_main1 .my_fr {
		margin-top: 20px;
		margin-right: 0px;
	}
	.about_main1  .my_edit{
		line-height:30px;
		font-size:16px;
	}
	.about_main2  .my_edit{
		line-height:30px;
		font-size:16px;
		margin:15px auto;
	}
	.about_main3  .my_fr .my_edit{
	line-height:30px;
}
.about_main4 ul {
    margin-top: 30px;
}
.pro_main2 .my_edit{
	margin:20px auto;
	width: 100%;
}
.pro_list1 ul {
    margin-top: 0px;
    text-align: center;
}
.pro_list1 ul li .title{
	position:absolute;
	top:30px;
	right:60px;
	width: 30px;
	font-size:24px;
	color:#fff;
	line-height:30px;
}
.pro_list1 ul li .info{
	top:40px;
	right:100px;
	font-size:18px;
	line-height:24px;
	text-align:left;
	height:160px;
	width: 72px;
	overflow:hidden;
}
.join_main1 .fang {
	padding:10px;
	background:#fff;
	margin:20px 0 0 0px ;
}
.join_main1 .owl-theme .owl-controls  .owl-buttons div {
	width: 64px;
	height: 64px;
	opacity: 1;
	line-height: 500px;
	overflow: hidden;
	border-radius: 0;
	z-index:2;
}
.join_main1 .owl-theme .owl-controls .owl-pagination{
	
	display:none;
}
.join_main1  .owl-buttons {
		margin-top:10px;
}
.join_main1 .owl-theme .owl-controls  .owl-buttons div.owl-prev {
	background: url("../images/left1.png") center no-repeat;
	margin-right: 45px;
}
.join_main1 .owl-theme .owl-controls  .owl-buttons div.owl-next {
	background: url("../images/right1.png") center no-repeat;
	margin-left:45px;
}
	.join_main1 .my_fl {
		margin:20px 0 0 0px ;
	}
	.join_main1 ul li {
		margin-top:16px;
	}
	.join_main1 .my_fr {
		margin-top:15px;
	}
	.join_main1 ul li .my_word {
		font-size:16px;
		width:80%;
	}

.join_main2 .tit {
	width:60%;
	height:40px;
	line-height:40px;
	border-radius:20px;
	font-size:20px;
	margin:20px auto 0;
}
.join_main2 .tit2 {
	font-size:14px;
	line-height:30px;
}
.join_main2 .info {
	color:#fff;
	font-size:18px;
	line-height:34px;
	margin:0px 0 0px 20px;
}
.join_main2 .infos {
	float:left;
	width:80%;
	margin-top:20px;
}
.join_main2 .shu {
	width: 30px;
    height: 30px;
	padding:1px;
	border-radius:17px;
	border:1px solid #fff;
	display:block;
	float:left;
	margin:20px 0px 0 0px;
}
	.join_main2 .my_fl {
		margin:20px 0 0 0px ;
	}
	.join_main2 ul li {
		margin-top:16px;
	}
	.join_main2 .my_fr {
		margin-top:15px;
	}
	.join_main2 ul li .my_word {
		font-size:16px;
		width:80%;
	}
	.join_main2 .table-border td,
.table-border th {
	border: 1px solid #dcdcdc;
	text-align:center;
	padding:4px;
}
	.join_main3 ul li .my_word {
		width:84%;
	}
	.join_main3 .my_fl {
		margin:20px 0 0 0px ;
	}
	.join_main3 .my_fr {
		margin-top:15px;
	}
	.join_main3 ul li {
		width:96%;
		padding:0 2%;
	}
	.join_main3 .my_img {
	margin:20px 0 0 0px;
}
.join_main3 .tit {
	font-size: 24px;
	margin:30px 0 0 0px;
}

	.wap_two_list ul li img {
		/*width: 60%;*/
	}
	.wap_two_list ul li {
		margin-top: 15px;
	}
	.join_main4 ul li .line img {
		width: auto;
	}
	.join_main4 ul li {
		background: #b40013;
		border:5px solid #000;
		height: auto;
		width: 90%;
		padding: 20px 2%;
	}
	.join_main4 ul li .title {
		margin-top: 15px;
		font-size:20px;
	}
	.join_main4 ul li .my_word {
		font-size:15px;
		line-height: 22px;
	}
	.pro_main1 .my_fl {
		display: none;

	}
	.pro_main1 .my_fr {
		margin-top: 0;
	}
	.pro_main2 {
		padding: 30px 0 0 0;
	}
	.contact_main .my_fr {
		width:90%;
		margin-top: 30px;
		padding:5%;
	}
		.contact_main .my_fr ul {
	margin-top: -20px;
}
	.contact_main .my_fr ul li {
	margin-top: 20px;
}
.online_C ul li {
	position:relative;
	width:100%;
	margin:15px 0 0 0px;
}
.online_C ul .li2 {
	width:100%;
	margin: 15px 0 0 0px;
	}
	.contact_main .my_fl ul li .my_img {
		width: 15%;

	}
	.contact_main .my_fl ul li .my_word {
		width: 80%;
	}
	.contact_main .my_fl ul li .my_word span{
		 font-size:14px;
	}
	
	.dm_main1  .title{
	width: 100%;
	margin-top: 30px;
	    font-size: 20px;
}
.dm_main1  .my_edit{
	width: 100%;
	margin-top: 11px;

}
.dm_main1 li img{
	width:100%;
	height:auto;
}
.dm_main2 .owl-buttons {
	display: none;
}
.dm_main2  {
	padding:30px 0;
}

	.pc-slide {
			 margin:30px auto 30px;
		}
		.view .swiper-container {
			height: auto;
		}
		.preview .swiper-container {
				width: 215px;
				height: 100px;
				margin-left: 75px;
			}
			
			.preview .swiper-slide {
				width: 215px;
				height: 100px;
			}
	.map {
		height: 300px;
		margin: 30px 0 0 0;
	}
	.dm_list {
		margin-top: 25px;
	}
	.news_main {
		margin-top:0px;
	}
	
	.news_main ul li .my_img {
		display: none;
	}
	.news_main ul li .my_word {
		float: none;
		width: 95%;
		margin:0 auto;
		height:auto;
		padding:0;
	}
	.news_list li {
		margin-top: 30px;
	}
	.news_list .my_word .title {
		font-size: 20px;
		padding: 0 0 5px 0;
	}
	.news_list .my_word p.info {
		font-size: 16px;
		margin-top: 0px;
	}
.news_list  .date {
	display:none;
}
.news_list .my_word p.more {
	margin-top: 20px;
}
	.article_C {
		width:100%;
		padding:0 0 40px 0;}
	.article_C .my_T span.time {
		display:none;}
	.article_C h1 {
		font-size:20px;
	}
	.article_C img {
		height:auto !important;
	}
	.article_C span.bottom_span span , .article_C span.bottom_span span {
		float: none;
	}
	.news_main , .dm_main, .contact_main{
		padding-top: 30px;
	}
}
@media screen and (max-width: 500px) {
	.banner ul li {
		min-height:100px;}
	.join_list ul li .my_word {
		width:90%;
		float:none;}
	.banner {
		height: 200px;
	}
	.foot_contact_T {
		display:none;}
	.banner .dots {
		display:none;}
	.foot_banquan {
		padding:0 5%;}
}
@media screen and (max-width: 480px) {
}